<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <!--
            css的规律
            1.就近原则
            2.叠加原则
        -->
        <title>CSS的页内样式</title>

        <!--页内样式-->
        <style>
            div{
                color: orange;
                font-size: 30px;
                border: solid 5px pink;
            }

            p{
                color: blue;
                font-size: 20px;
                border: dashed 3px green;
            }
        </style>
    </head>

    <body>
    <div>我是容器标签</div>
    <div>我是容器标签</div>
    <div>我是容器标签</div>
    <div>我是容器标签</div>
    <div>我是容器标签</div>
    <p>我是段落标签</p>
    <p>我是段落标签</p>
    <p>我是段落标签</p>
    <p>我是段落标签</p>
    <p>我是段落标签</p>
    <p>我是段落标签</p>

    </body>
</html>